<template>
	<div id='InputLabel' :style="{width:width}">
		<div class="input_label" :style="{marginRight:right}">
			<span class="label_name">{{name+(colon?':':'')}}</span>
			<div class="label_input">
				<slot></slot>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'InputLabel',
		props: {
			colon:{
				default:true,//是否有冒号
			},
			dataList: {
				default: function() {
					return []
				},
			},
			name: {
				default: 'Label Name'
			},
			width:{
				default:'inherit'
			},
			right:{
				default:'10px'
			}

		},
		components: {

		},
		data() {
			return {

			}
		},
		created() {},
		watch: {

		},
		computed: {

		},
		mounted() {
			document.title = ''
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	@import './InputLabel.scss';
</style>